<head th:fragment="frontHeader">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="content-language" content="zh-CN">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="黑蝎策划，云南黑蝎营销策划有限公司，云南黑蝎">
    <meta name="description" content="云南黑蝎营销策划有限公司，成立于2016年，位于云南省昆明市，是一家以从事商务服务业为主的企业。">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <!--    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <meta http-equiv="expires" content="0">
    <meta name="keywords" th:content="${title}">
    <meta name="description" th:content="${title} ">

    <title th:text="${title}"></title>
    <link th:src="@{/favicon.ico}" rel="shortcut icon">

    <link rel="stylesheet" rev="stylesheet" th:href="@{/bocweb/web/bootstrap/css/bootstrap.css?v=v7}" type="text/css"
          media="all">


    <link rel="stylesheet" th:href="@{/bocweb/web/css/reset.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/bocweb/web/wow/animate.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/bocweb/web/swiper/swiper.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/bocweb/web/css/style.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/bocweb/web/css/mqstyle.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/bocweb/web/css/mobile.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/bocweb/web/css/hover.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/bocweb/web/mCustomScrollbar/jquery.mCustomScrollbar.min.css?v=v7}"
          type="text/css"
          media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/css/animate.min.css?v=v7}" type="text/css" media="all" charset="utf-8">
    <link rel="stylesheet" th:href="@{/css/mobile-responsive.css?v=v7}" type="text/css" media="all" charset="utf-8">

    <script th:src="@{/bocweb/js/jquery-1.11.3.js?v=v7}" type="text/javascript"></script>
    <script th:src="@{/bocweb/js/jquery.transit.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/js/prefixfree.min.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/js/html5.min.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/js/bocfe.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/js/plug.preload.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/web/bootstrap/js/bootstrap.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/m/js/adaptive-version2.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/web/wow/wow.min.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/web/swiper/swiper.min.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/bocweb/web/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js?v=v7}" type="text/javascript"charset="utf-8"></script>

    <script>
        if (window.innerWidth < 768) {
            window['adaptive'].desinWidth = 750;
            window['adaptive'].init();
        }
        $(window).on('resize', function () {
            if (window.innerWidth < 768) {
                window['adaptive'].desinWidth = 750;
                window['adaptive'].init();
            }
        })
    </script>
    <style>
        .logo img {
            height: 50px;
        }
    </style>
</head>

<header class="headerbox pcbox" th:fragment="header_menu">
    <div class="bocweb-header">
        <div class="header f-cb">
            <a th:href="@{/front/index}" class="fl bocweb-logo">
                <img th:src="${company.companyLogo}" alt="">
            </a>
            <div class="bocweb-nav  fr">
                <div class="nav-box">
                    <!--                    <div th:each="item : ${menus}" th:class="@{${item.active!=null && item.active==1?'active':''}+' nav-li'}">-->
                    <div th:data-active="${item.active}" th:each="item : ${menus}"
                         th:class="@{${item.active!=null && item.active==1?'active':''}+' nav-li'}">
                        <a th:href="@{${item.pageUrl}}" th:text="${item.menuName}" class="nav-top">走进黑蝎</a>
                        <div class="nav-bot" th:if="${item.childs != null && item.childs.size>0}">
                            <a th:each="child : ${item.childs}" th:href="@{${child.pageUrl}}"
                               th:text="${child.menuName}" class="li">公司简介</a>
                        </div>
                    </div>
                </div>
                <div class="nav-sousuo">
                    <!-- 	                    	<div class="input">
                            <form action="">
                                <input type="text" placeholder="搜索" name="">
                                <input type="submit" name="">
                            </form>
                        </div> -->
                </div>
            </div>
        </div>
    </div>
</header>


<div class="mbox" th:fragment="header_menu_mobile">
    <!-- 手机头部 -->
    <header class="m-header">
        <div class="w-header f-cb">
            <a class="welcome-a sub-tit" th:href="@{/front/index}">
                <img th:src="${company.companyLogo}" alt="">
            </a>
            <div class="uio">
                <div class="nav-btn">
                    <span class="line line1" style="transform: rotate(0deg);"></span>
                    <span class="line line2" style="display: block;"></span>
                    <span class="line line3" style="transform: rotate(0deg);"></span>
                </div>
            </div>
        </div>
        <div class="sub-menu bocweb-menu" style="display: none;">
            <ul>
                <li class="bocweb-submenu" th:each="item : ${menus}">
                    <a class="sub-tit" th:if="${item.childs == null || item.childs.size==0}"
                       th:href="@{${item.pageUrl}}">
                        <div class="tu-box">
                            <span class="tit1 sub-tit1" th:text="${item.menuName}">首页</span>
                        </div>
                    </a>

                    <span th:if="${item.childs != null && item.childs.size>0}" class="tit sub-tit">
							<div class="tu-box" th:text="${item.menuName}">
								<div class="btn-v"></div>
							</div>
						</span>
                    <div th:if="${item.childs != null && item.childs.size>0}" class="sec-list">
                        <a th:each="child : ${item.childs}" th:href="@{${child.pageUrl}}" th:text="${child.menuName}"
                           class="li">公司简介</a>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!-- 手机头部 -->
</div>

<!--
    number 页码。页码从1开始，如：1，2，3，4，5，...
    offset 页码偏移量。如果页码是从0开始，则偏移量为-1；如果页码从1开始，偏移量为0
    totalPages 分页后，页的总数量。
    url URL地址。形如：/c , /c?id=1, /c/b?id=1&limit=10。

    1,会自动向url中添加页码，如：/c?id=1&page=1, /c/b?id=1&limit=10&page=1
    2,当超过totalPages>maxButtons时，会显示...代替多余的按钮
    3,maxButtons>=floatButtons*2
-->
<div class="text-center" th:fragment="pagination" th:with="maxButtons=6,floatButtons=3,offset=0">
    <div class="pagination">
        <a th:if="${page.pageNum == 1}">上一页</a>
        <a th:if="${page.pageNum > 1}" th:href="@{${url}(pageNum=${page.pageNum+offset-1},pageSize=${page.pageSize})}">上一页</a>

        <!-- 首页 -->
        <a th:if="${page.pageNum  == 1}" class="active">1</a>
        <a th:if="${page.pageNum  > 1}" th:href="@{${url}(pageNum=${1+offset},pageSize=${page.pageSize})}">1</a>

        <th:block th:if="${page.totalPages>2 && page.totalPages<=maxButtons}"
                  th:each="i : ${#numbers.sequence(2,page.totalPages-1)}">
            <a th:if="${page.pageNum  == i}" class="active" th:text="${i}"></a>
            <a th:if="${page.pageNum  != i}" th:href="@{${url}(pageNum=${i+offset})}" th:text="${i}">页码</a>
        </th:block>

        <th:block th:if="${page.totalPages > maxButtons}">
            <th:block th:if="${(page.pageNum-(floatButtons/2)) <= 2}"
                      th:each="i : ${#numbers.sequence(2,2+floatButtons-1)}">
                <a th:if="${page.pageNum == i}" class="active" th:text="${i}"></a>
                <a th:if="${page.pageNum != i}" th:href="@{${url}(pageNum=${i+offset})}" th:text="${i}">页码</a>
            </th:block>
            <!-- ... -->
            <a th:if="${(page.pageNum-(floatButtons/2))>2}">...</a>

            <th:block
                    th:if="${((page.pageNum-(floatButtons/2))>2) && ((page.pageNum+(floatButtons/2)-(floatButtons%2==0?1:0)) < (page.totalPages-1))}"
                    th:each="i : ${#numbers.sequence(page.pageNum-(floatButtons/2),page.pageNum+(floatButtons/2)-(floatButtons%2==0?1:0))}">
                <a th:if="${page.pageNum == i}" class="active" th:text="${i}"></a>
                <a th:if="${page.pageNum != i}" th:href="@{${url}(pageNum=${i+offset})}" th:text="${i}">页码</a>
            </th:block>
            <!-- ... -->
            <a th:if="${(page.pageNum+(floatButtons/2)-(floatButtons%2==0?1:0)) < (page.totalPages-1)}">
                <span>...</span></a>
            <th:block th:if="${(page.pageNum+(floatButtons/2)-(floatButtons%2==0?1:0)) >= (page.totalPages-1)}"
                      th:each="i : ${#numbers.sequence(page.totalPages-floatButtons,page.totalPages-1)}">
                <a th:if="${page.pageNum == i}" class="active" th:text="${i}"></a>
                <a th:if="${page.pageNum != i}" th:href="@{${url}(pageNum=${i+offset})}" th:text="${i}">页码</a>
            </th:block>
        </th:block>
        <!-- 最后一页 -->
        <a th:if="${page.totalPages>1 && page.pageNum == page.totalPages}" class="active" th:text="${page.totalPages}">页码</a>
        <a th:if="${page.totalPages>1 && page.pageNum != page.totalPages}"
           th:href="@{${url}(pageNum=${page.totalPages+offset})}" th:text="${page.totalPages}">页码</a>

        <!-- 下一页 -->
        <a th:if="${page.pageNum >= page.totalPages}">下一页</a>
        <a th:if="${page.pageNum < page.totalPages}" th:href="@{${url}(pageNum=${page.pageNum+offset+1})}">下一页</a>
    </div>
</div>


<div th:fragment="footer">
    <div class="pcbox">
        <div class="layui-data secwen add8">
            <div id="datepicker"></div>
            <div class="span span-ajax">
            </div>
        </div>
    </div>

    <div class="drawinginfobox-fixed"></div>

    <!-- <div id="ad">
        <a class="tit-16" href="https://www.zjzhongtian.com/celebration.html">
            <img src="https://www.zjzhongtian.com/bocweb/web/img/25.jpg?v=v7" alt="">
        </a>
    </div> -->

    <footer>
        <div class="bocweb-footer ">
            <div class="w1280 footer">
                <div class="bocweb-footer-top">
                    <div class="bocweb-footer-box f-cb">
                        <div class="footer-nav" th:each="item : ${menus}">
                            <a th:href="${item.pageUrl}" class="nav-top" th:text="${item.menuName}">走进黑蝎</a>
                            <div th:if="${item.menuName!='联系我们' && item.menuName!='服务案例' && item.menuName!='首页'}" class="nav-bot">
                                <a th:each="child : ${item.childs}" th:href="${child.pageUrl}"
                                   th:text="${child.menuName}" class="li">公司简介</a>
                            </div>
                            <div th:if="${item.menuName=='首页'}" class="nav-bot">
                                <div class="qr-code pc-qr">
                                    <img th:src="${company.wechatQr}" alt="云南黑蝎营销策划有限公司">
                                    <p>微信公众号</p>
                                </div>
                            </div>
                            <div th:if="${item.menuName=='服务案例'}" class="nav-bot">
                                <a th:href="${item.pageUrl}" class="li">项目策划</a>
                                <a th:href="${item.pageUrl}" class="li">DT数据技术</a>
                                <a th:href="${item.pageUrl}" class="li">数据采集分析</a>
                                <a th:href="${item.pageUrl}" class="li">精准招商</a>
                                <a th:href="${item.pageUrl}" class="li">乡村振兴 产业规划</a>
                                <a th:href="${item.pageUrl}" class="li">园区孵化 运营管理</a>
                                <a th:href="${item.pageUrl}" class="li">影视传媒</a>
                                <a th:href="${item.pageUrl}" class="li">平面设计</a>
                            </div>
                            <div th:if="${item.menuName=='联系我们'}" class="nav-bot">
                                <a th:text="@{'公司：'+${company.companyName}}" class="li"></a>
                                <a th:text="@{'地址：'+${company.address}}" class="li"></a>
                                <a th:text="@{'电话：'+${company.phoneNumber}}" class="li"></a>
                                <a th:text="@{'qq：'+${company.qq}}" class="li"></a>
                            </div>
                        </div>
                        <!-- 移动端二维码区域 -->
                        <div class="footer-qr mobile-qr">
                            <div class="nav-top">关注我们</div>
                            <div class="nav-bot">
                                <div class="qr-code">
                                    <img th:src="${company.wechatQr}" alt="云南黑蝎营销策划有限公司">
                                    <p>微信公众号</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <style>
                    /* PC端二维码在首页菜单下 */
                    .pc-qr {
                        text-align: left;
                        margin-top: 10px;
                    }
                    
                    .pc-qr img {
                        width: 100px;
                        height: 100px;
                        border: 2px solid #f5f5f5;
                        border-radius: 6px;
                        margin-bottom: 5px;
                    }
                    
                    .pc-qr p {
                        color: #666;
                        font-size: 12px;
                        margin: 0;
                    }
                    
                    /* 移动端独立二维码区域 */
                    .mobile-qr {
                        display: none;
                    }
                    
                    @media (max-width: 768px) {
                        .pc-qr {
                            display: none;
                        }
                        
                        .mobile-qr {
                            display: block;
                            text-align: center;
                            padding-top: 20px;
                            border-top: 1px solid #eee;
                            margin-top: 20px;
                        }
                        
                        .mobile-qr .nav-top {
                            color: #333;
                            font-size: 16px;
                            font-weight: 600;
                            margin-bottom: 15px;
                            padding-bottom: 10px;
                            border-bottom: 2px solid #e41e26;
                            display: inline-block;
                        }
                        
                        .mobile-qr .qr-code {
                            text-align: center;
                        }
                        
                        .mobile-qr .qr-code img {
                            width: 100px;
                            height: 100px;
                            border: 3px solid #f5f5f5;
                            border-radius: 8px;
                            margin-bottom: 8px;
                        }
                        
                        .mobile-qr .qr-code p {
                            color: #666;
                            font-size: 14px;
                            margin: 0;
                        }
                    }
                    </style>
                    
                    <div class="bocweb-footer-c f-cb">
                        <div class="fl logo">
                            <img th:src="@{/img/logo2.png}" alt="云南黑蝎营销策划有限公司">
                        </div>
                        <div class="fr selectcon">
                            <a class="li on fl" href="javascript:;">隐私政策</a>
                            <a class="li fl" href="javascript:;">法律声明</a>
                            <div class="li selectbox fr">
                                <div class="select">
                                    <div class="selecttop">相关链接</div>
                                    <div class="selectbot">
                                        <a href="http://www.dyqny.com" class="li">滇约氢能源</a>
                                        <a href="http://www.dyqny.com" class="li">滇约氢能源</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bocweb-footer-bot f-cb" style="height:auto;">
                    <div class="fl 1">
                        <a target="_blank" href="https://beian.miit.gov.cn/">备案信息</a>
                        <a target="_blank"
                           href="https://beian.miit.gov.cn"
                           style=""><img th:src="@{/bocweb/web/img/beian.png?v=v7}" style=""
                                         th:text="${company.icpInfo}"> </a>

                        <!--                            <br> 技术支持 : <a title="技术支持:" target="_blank" href="https://www.bocweb.cn/">博采网络</a>-->
                        <script
                                type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
                        document.write(unescape("%3Cspan id='cnzz_stat_icon_1278288090'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/z_stat.php%3Fid%3D1278288090%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
                    </div>
                    <div class="fr f-cb bdsharebuttonbox fx">
                        <span>Follow us:</span>
                        <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
                        <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                        <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="recruit-dialog-box law-dialog-box">
        <div class="black"></div>
        <div class="recruit-dialog">
            <div class="tit-box f-cb">
                <div class="tit">法律声明</div>
                <a href="javascript:;" class="recruit-close law-close"></a>
            </div>
            <div class="con low-con">
            </div>
        </div>
    </div>
    <div class="recruit-dialog-box privacy-dialog-box">
        <div class="black"></div>
        <div class="recruit-dialog">
            <div class="tit-box f-cb">
                <div class="tit">隐私政策</div>
                <a href="javascript:;" class="recruit-close law-close"></a>
            </div>
            <div class="con low-con">
            </div>
        </div>
    </div>

    <!-- 返回顶部按钮 -->
    <div class="back-to-top">
        <i class="fas fa-arrow-up"></i>
    </div>

    <script type="text/javascript">
        $(function () {
            $(document).on("click", function () {
                $(".bocweb-footer .select .selectbot").slideUp();
            })
            $(".bocweb-footer .select .selecttop").on("click", function (e) {
                e.stopPropagation();
                $(".bocweb-footer .select .selectbot").slideToggle();
            })
        })
    </script>

    <script type="text/javascript">
        $(function () {
            var wow = new WOW({
                boxClass: 'wow',
                animateClass: 'animated',
                offset: 0,
                mobile: true,
                live: true
            });
            wow.init();

            $(".headerbox").on("mouseenter", function () {
                $(".bocweb-header").addClass("on");
            })
            $(".headerbox").on("mouseleave", function () {
                if (!$(".bocweb-header .header").hasClass("fixed")) {
                    $(".bocweb-header").removeClass("on");
                }
            })

            //头部悬浮
            $(document).scroll(function () {
                var m_top = $(".m-header").offset().top;
                var pc_top = $(".bocweb-header").offset().top;
                var top = ($(window).scrollTop());
                if (m_top >= top) {
                    $(".w-header").removeClass('fixed');
                } else if (m_top <= 0) {
                    $(".w-header").addClass('fixed');
                }
                if (pc_top >= top) {
                    $(".bocweb-header .header").removeClass('fixed');
                    $(".bocweb-header").removeClass('on');
                } else if (pc_top <= 0) {
                    $(".bocweb-header").addClass('on');
                    $(".bocweb-header .header").addClass('fixed');
                }
            });

            $(".nav-sousuo input[type=text]").on("click", function (e) {
                e.stopPropagation();
                $(".nav-sousuo").toggleClass("active");
            })
            $(".nav-sousuo").on("click", function (e) {
                e.stopPropagation();
            })
            $(document).on("click", function () {
                $(".nav-sousuo").removeClass("active");
            })
            $(".bocweb-header .nav-sousuo input[type=submit]").on("click", function (e) {
                $(this).toggleClass("active");
            })

            // 手机导航
            $(".m-header .nav-btn").on('click', function () {
                var _this = $(this);
                if (!$(this).hasClass('hover')) {
                    $(".search-bg").slideUp();
                    $(this).addClass('hover');
                    $(this).children('.line1').stop().transition({
                        rotate: 45
                    }, 300);
                    $(this).children('.line2').stop().fadeOut(300);
                    $(this).children('.line3').stop().transition({
                        rotate: -45
                    }, 300, function () {
                        _this.addClass('active');
                    });
                    $(this).parents(".w-header").siblings('.sub-menu').stop().fadeIn();
                    $(".m-header .list-cont").addClass('active');
                    $("body,html").addClass('ovh');
                } else {
                    $(this).removeClass('hover');
                    $(this).removeClass('active');
                    $(this).children('.line1').stop().transition({
                        rotate: 0
                    }, 300);
                    $(this).children('.line2').stop().fadeIn(300);
                    $(this).children('.line3').stop().transition({
                        rotate: 0
                    }, 300);
                    $(this).parents(".w-header").siblings('.sub-menu').stop().fadeOut();
                    $(".m-header .list-cont").removeClass('active');
                    $("body,html").removeClass('ovh');
                }
            });
            $(".m-header .sub-menu .sub-tit").on('click', function () {
                $(".m-header .search-bg").slideUp();
                if ($(this).siblings('.sec-list').is(':hidden')) {
                    $(this).addClass('on');
                    $(this).siblings('.sec-list').stop().slideDown();
                    $(this).parent().siblings('li').children('.sec-list').stop().slideUp().siblings('.tit')
                        .removeClass('on');
                } else {
                    $(this).removeClass('on');
                    $(this).siblings('.sec-list').stop().slideUp();
                }
            });
            // pc导航
            $(".bocweb-header .nav-li .nav-top").on("mouseenter", function () {
                $(this).parents(".nav-li").addClass("active").find(".nav-bot").stop(true, true).slideToggle()
                    .parents(".nav-li").siblings().removeClass("active").find(".nav-bot").stop(true, true)
                    .slideUp();
            })

            $(".bocweb-header .nav-li").on("mouseleave", function () {
                $(".bocweb-header .nav-li").removeClass("active").find(".nav-bot").stop(true, true).slideUp();
            })


        })

        function setMenuActive() {
            $(".bocweb-header .nav-li").each(function () {
                var dataActive = $(this).attr("data-active")
                if (dataActive == "1" || dataActive === 1) {
                    $(this).addClass("active")
                } else {
                    $(this).removeClass("active")
                }
            })
        }

        setMenuActive()
    </script>


    <script th:src="@{/bocweb/web/js/main.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" th:href="@{/bocweb/web/lightbox/css/lightbox.css?v=v7}" type="text/css" media="screen"
          charset="utf-8">
    <script th:src="@{/bocweb/web/lightbox/js/lightbox.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" th:href="@{/bocweb/web/laydate/jquery-ui.css?v=v7}" type="text/css" media="screen"
          charset="utf-8">
    <script th:src="@{/bocweb/web/laydate/jquery-ui.js?v=v7}" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            $(".layui-data").addClass("active");
            $(".wel-service .items .img").on("click", function () {
                var id = $(this).attr("data-id");
                ajax = $.ajax({
                    url: "https://www.zjzhongtian.com/ajax/welimg_ajax.html",
                    data: {
                        id: id
                    },
                    async: false,
                })
                $(".drawinginfobox-fixed").html(ajax.responseText);
            })


            var speciald = new Array();
            speciald = ["2021/1/1", "2020/11/22", "2020/11/1", "2020/10/1", "2020/1/24", "2020/1/10", "2020/1/9", "2019/11/22"];
            $("#datepicker").datepicker({
                language: "zh-CN",
                dateFormat: "yy/mm/dd",
                // maxDate:0,
                // beforeShowDay: $.datepicker.noWeekends,
                onSelect: function (datetext, inst) {
                    htmlobj = $.ajax({
                        url: "https://www.zjzhongtian.com/ajax/wel_ajax.html",
                        data: {datetext: datetext},
                        async: false
                    });
                    $(".span-ajax").html(htmlobj.responseText);
                    scrollAnimation2($(".secwen"))
                },
                beforeShowDay: function (date, inst) {
                    var year = date.getFullYear();
                    var month = date.getMonth() + 1;
                    var day = date.getDate();
                    var time = date.getDate() + "/" + (date.getMonth() + 1) + '/' + date.getFullYear();
                    var k = date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear();
                    var m = date.getMonth();
                    var d = date.getDate();

                    var y = date.getFullYear();
                    var formatDate = y + "/" + (m + 1) + "/" + d;
                    var day2 = new Date();
                    day2.setTime(day2.getTime());
                    var s2 = day2.getFullYear() + "-" + (day2.getMonth() + 1) + "-" + day2.getDate();
                    var box1 = [];
                    speciald.forEach(function (value) {
                        if (new Date(value).toDateString() === new Date().toDateString()) {
                            //今天
                        } else if (new Date(value) < new Date()) {
                            box1.push(value);
                        }
                    });
                    if ($.inArray(formatDate, box1) != -1) {
                        return [true, "huise huise2", formatDate];
                    }
                    if ($.inArray(formatDate, speciald) != -1) {
                        return [true, "textt", formatDate];
                    } else {
                        return [false, 'highlight', formatDate];
                    }
                }
            });


            // 返回顶部按钮
            const scrollTopBtn = document.querySelector('.back-to-top');
            window.addEventListener('scroll', function() {
                if (window.scrollY > 300) {
                    scrollTopBtn.classList.add('active');
                } else {
                    scrollTopBtn.classList.remove('active');
                }
            });

            scrollTopBtn.addEventListener('click', function() {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            });
        })

    </script>
    <script type="text/javascript">
        $(function () {
            clickVideo($(".video-active"))
            if ($(window).innerWidth() <= 1024) {
                _k = 2;
            } else if ($(window).innerWidth() <= 767) {
                _k = 1;
            } else {
                _k = 3;
            }
            if ($(".new-listswiper2 .swiper-slide").length <= _k) {
                $(".new-listswiper2 .buts").hide();
            }
            var listswiper = new Swiper('.new-listswiper2 .swiper-container', {
                pagination: '.new-listswiper2 .swiper-pagination',
                paginationClickable: true,
                slidesPerView: _k,
                noSwiping: true,
                spaceBetween: 10,
                breakpoints: {
                    768: {
                        noSwiping: false,
                        slidesPerView: 1,
                    },
                    1024: {
                        noSwiping: false,
                    }
                },
            })
        })
    </script>
    <script type="text/javascript">
        $(function () {
            clickVideo($(".wel-videobox .videoitems"))
        })
    </script>
    <script>
        $(function () {
            lightbox.option({
                'resizeDuration': 200,
                'wrapAround': true
            });
            setTimeout(function () {
                $(".layui-data").addClass("active");
            }, 200)

            var news = new Swiper('.welnews-swiper .swiper-container', {
                slidesPerView: 'auto',
                noSwiping: true,
                breakpoints: {
                    768: {
                        noSwiping: false,
                    },
                    1024: {
                        noSwiping: false,
                    }
                }
            })
            $(".wel-news.pcbox .news-tit .swiper-slide .li").on("click", function () {
                $(".wel-news.pcbox .news-tit  .li").removeClass("active");
                $(this).addClass("active");
                var id = $(this).attr('data-id');
                if (id == 52) {
                    // 黑蝎动态
                    $("#dynamicsHxdt").show();
                    $("#dynamicsZsdt").hide();
                } else {
                    // 招商动态
                    $("#dynamicsHxdt").hide();
                    $("#dynamicsZsdt").addClass("animate").removeAttr('style').show();
                }

            })
            $(".wel-news.pcbox .news-tit .swiper-slide").eq(0).find(".li").click();

            if ($(".wel-banner .swiper-slide").length > 1) {
                var banner = new Swiper('.wel-banner .swiper-container', {
                    pagination: '.wel-banner .swiper-pagination',
                    paginationClickable: true,
                    centeredSlides: true,
                    slidesPerView: 1,
                    spaceBetween: 0,
                    initialSlide: 0,
                    speed: 600,
                    autoplay: 5000,
                    loop: true,
                    slideToClickedSlide: true,
                    autoplayDisableOnInteraction: false,
                    paginationClickable: true,
                    breakpoints: {
                        1024: {
                            speed: 600,
                            effect: "slide",
                            autoplay: 3000,
                        }
                    },
                    onInit: function (swiper) {
                        setInterval(function () {
                            $(".wel-banner .swiper-slide-active .items").find(".secwen").addClass("animate");
                        }, 1000)
                    },
                    onSlideChangeEnd: function (swiper) {
                        var _index = swiper.activeIndex;
                        $(".wel-banner .items").find(".secwen").removeClass("animate");
                        $(".wel-banner .swiper-slide-active .items").find(".secwen").addClass("animate");
                    }
                })
            }

            var service = new Swiper('.wel-service .swiper-container', {
                pagination: '.wel-service .swiper-pagination',
                prevButton: '.wel-service .swiper-button-prev',
                nextButton: '.wel-service .swiper-button-next',
                paginationClickable: true,
                slidesPerView: 1,
                spaceBetween: 190,
                speed: 600,
                autoplay: 5000,
                loop: true,
                slideToClickedSlide: true,
                autoplayDisableOnInteraction: false,
                paginationType: 'fraction',
                paginationFractionRender: function (swiper, currentClassName, totalClassName) {
                    return '<span class="' + currentClassName + '"></span>' +
                        ' / ' +
                        '<span class="' + totalClassName + '"></span>';
                },
                breakpoints: {
                    1024: {
                        spaceBetween: 0,
                    },
                    1450: {
                        spaceBetween: 120,
                    },
                    1650: {
                        spaceBetween: 160,
                    }
                },
            });

            // 返回顶部按钮
            const scrollTopBtn = document.querySelector('.back-to-top');
            window.addEventListener('scroll', function() {
                if (window.scrollY > 300) {
                    scrollTopBtn.classList.add('active');
                } else {
                    scrollTopBtn.classList.remove('active');
                }
            });

            scrollTopBtn.addEventListener('click', function() {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            });
        })
    </script>


    <!-- 灰色定时器 -->
    <style>
        html.item {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
        }
    </style>
    <script>
        var starttime = new Date("2023/11/2");
        var nowtime = new Date();
        var time = starttime - nowtime;
        console.log(time);
        if (time <= 0) {
            $('html').addClass("item")
        }
        if (time <= -86400000) {
            $('html').removeClass("item")
        }

        //86400000是毫秒要除以1000;
        //倒计时1天

    </script>
</div>